<#import "/manage/tpl/pageTep.ftl" as page>
<@page.pageBase currentMenu="角色管理">
<div id="t1" class="span6 doc-content"></div>
<div class="span18 doc-content">
    <form class="form-horizontal well" id="J_Form" action="${basepath}/manage/role/updateJson" method="post">
        <h3 style="padding:0 10px 10px 10px;border-bottom: #c3c3d6 1px solid;">角色信息</h3>

        <div class="row">
            <div class="control-group span8">
                <label class="control-label">角色名称：</label>

                <div class="controls">
                    <input type="hidden" class="control-text" name="id">
                    <input type="text" class="control-text" name="role_name">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span8">
                <label class="control-label">角色描述：</label>

                <div class="controls">
                    <input type="text" name="role_desc" class="control-text">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span8">
                <label class="control-label">数据库权限：</label>

                <div class="controls">
                    <select name="role_dbPrivilege" class="input-normal">
                        <option value="select">select</option>
                        <option value="select,insert">select,insert</option>
                        <option value="select,insert,update">select,insert,update</option>
                        <option value="select,insert,update,delete">select,insert,update,delete</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span16">
                <label class="control-label">状态：</label>

                <div class="controls">
                    <select name="status" class="input-normal">
                        <option value="y">启用</option>
                        <option value="n">禁用</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="control-group span16">
                <label class="control-label">角色权限：</label>

                <div class="controls">
                    <input type="text" name="privileges" class="control-text" readonly>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="form-actions offset3">
                <button type="submit" class="button button-success">立即保存</button>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">


    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }


    var store = new BUI.Data.TreeStore({
        map: {
            name: 'text'
        },
        url: '${basepath}/manage/menu/getMenusByPid?pid=0',
        params: {         //设置请求时的参数
            id: getQueryString("id")
        }
    });



    var form = new BUI.Form.HForm({ //创建表单
        srcNode: '#J_Form',
        submitType: 'ajax'
    }).render();

    form.on('beforesubmit', function (ev) {
        form.ajaxSubmit();
        return false;
    });

    store.on('load',function(ev){
        var checkedNodes = store.findNodesBy(function(node){
            if(node.checked == true){
                return true;
            }
            return false;
        });
        var ids = "";
        BUI.each(checkedNodes, function (node) {
            ids += node.id + ',';
        });
        form.setFieldValue("privileges", ids)
    });

    BUI.use('bui/tree', function (Tree) {
        var tree = new Tree.TreeList({
            render: '#t1',
            store: store,
            height: 500,
            showLine: true, //显示连接线
            'itemclick': true
        });
        tree.render();
        store.load();
        tree.on('checkedchange', function (ev) {
            var ids = "";
            var checkedNodes = tree.getCheckedNodes();
            BUI.each(checkedNodes, function (node) {
                ids += node.id + ',';
            });
            form.setFieldValue("privileges", ids)
        });
    });

    $.ajax({
        type: "POST",
        dataType: "json",
        url: "${basepath}/manage/role/toEditJson",
        data: {
            id: getQueryString("id")
        },
        success: function (data) {
            var form = $("#J_Form")[0];
            BUI.FormHelper.setFields(form, data.data);
        }
    });

</script>

<#--<SCRIPT type="text/javascript">-->
<#--$(function(){-->
<#--$("#add").add("#update").click(function(){-->
<#--art.dialog.open('${basepath}/manage/menu/toEdit',-->
<#--{title: '个人信息',width:500, height:350,lock:true});	 			-->
<#--});-->
<#--});-->
<#--</SCRIPT>-->
<#--<SCRIPT type="text/javascript">-->
<#--$(function(){-->
<#--var setting = {-->
<#--check: {-->
<#--enable: true,-->
<#--dblClickExpand: false-->
<#--},view: {-->
<#--fontCss: getFontCss-->
<#--},callback: {-->
<#--onClick: onClick-->
<#--}-->
<#--};-->
<#--function onClick(e,treeId, treeNode) {-->
<#--var zTree = $.fn.zTree.getZTreeObj("treeDemo2");-->
<#--zTree.expandNode(treeNode);-->
<#--}-->
<#---->
<#--function getFontCss(treeId, treeNode) {-->
<#--return (!!treeNode.highlight) ? {color:"#A60000", "font-weight":"bold"} : {color:"#333", "font-weight":"normal"};-->
<#--}-->
<#---->
<#--loadMenusTree($("#id").val());-->
<#---->
<#--//加载菜单树-->
<#--function loadMenusTree(id){-->
<#--$.ajax({-->
<#--url:"${basepath}/manage/menu/getMenusByPid?pid=0",-->
<#--type:"post",-->
<#--data:{id:id},-->
<#--dataType:"text",-->
<#--success:function(data, textStatus){-->
<#--var zNodes = eval('('+data+')');-->
<#--$.fn.zTree.init($("#treeDemo2"), setting, zNodes);-->
<#---->
<#--$("#role_name").focus();-->
<#--},-->
<#--error:function(){-->
<#--alert("error");-->
<#--}-->
<#--});-->
<#--}-->
<#---->
<#--//编辑角色-->
<#--$("#saveRoleBtn").click(function(){-->
<#--var roleName = $("#role_name").val();-->
<#--if(roleName==''){-->
<#--alert("角色名称不能为空！");-->
<#--return;-->
<#--}-->
<#--//jQuery.blockUI({ message: "处理中，请稍候...", css: {color:'#fff',border:'3px solid #aaa',backgroundColor:'#CC3300'},overlayCSS: { opacity:'0.0' }});-->

<#--$.blockUI({ message: "处理中，请稍候...",css: { -->
<#--border: 'none', -->
<#--padding: '15px', -->
<#--backgroundColor: '#000', -->
<#--'-webkit-border-radius': '10px', -->
<#--'-moz-border-radius': '10px', -->
<#--opacity: .5, -->
<#--color: '#fff' -->
<#--} }); -->
<#---->
<#--var ids = "";-->
<#--var treeObj = $.fn.zTree.getZTreeObj("treeDemo2");-->
<#--var nodes = treeObj.getCheckedNodes(true);-->
<#--for(var i=0;i<nodes.length;i++){-->
<#--ids+=nodes[i].id+",";-->
<#--}-->
<#---->
<#--$.ajax({-->
<#--url:"${basepath}/manage/role/save",-->
<#--type : "post",-->
<#--data : {-->
<#--privileges : ids,-->
<#--insertOrUpdate : $("#insertOrUpdate").val(),-->
<#--id : $("#id").val(),-->
<#--roleName : roleName,-->
<#--roleDesc : $("#role_desc").val(),-->
<#--role_dbPrivilege : $("#role_dbPrivilege").val(),-->
<#--status:$("#status").val()-->
<#--},-->
<#--dataType : "text",-->
<#--success : function(data) {-->
<#--if (data == 1) {-->
<#--jQuery.unblockUI();-->
<#--alert("修改角色成功！");-->
<#--document.location = "${basepath}/manage/role/selectList";-->
<#--} else {-->
<#--jQuery.unblockUI();-->
<#--alert("修改角色失败！");-->
<#--}-->
<#--},-->
<#--error : function() {-->
<#--jQuery.unblockUI();-->
<#--alert("修改角色失败！");-->
<#--}-->
<#---->
<#--});-->
<#--return false;-->
<#--});-->
<#---->
<#---->
<#--//全部展开	-->
<#--//$("#expandAllBtn").bind("click", {type:"expandAll"}, expandNode);-->
<#--//$("#collapseAllBtn").bind("click", {type:"collapseAll"}, expandNode);-->
<#--$("#expandOrCollapseAllBtn").bind("click", {type:"expandOrCollapse"}, expandNode);-->
<#--$("#checkAllTrueOrFalse").bind("click", {type:"checkAllTrueOrFalse"}, expandNode);-->
<#--});-->
<#---->
<#--var expandAllFlg = true;-->
<#--var checkAllTrueOrFalseFlg = true;-->
<#--function expandNode(e) {-->
<#--var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),-->
<#--type = e.data.type,-->
<#--nodes = zTree.getSelectedNodes();-->
<#---->

<#--if (type == "expandAll") {-->
<#--zTree.expandAll(true);-->
<#--} else if (type == "collapseAll") {-->
<#--zTree.expandAll(false);-->
<#--} else if (type == "expandOrCollapse") {-->
<#--zTree.expandAll(expandAllFlg);-->
<#--expandAllFlg = !expandAllFlg;-->
<#--} else if (type == "checkAllTrueOrFalse") {-->
<#--zTree.checkAllNodes(checkAllTrueOrFalseFlg);-->
<#--checkAllTrueOrFalseFlg = !checkAllTrueOrFalseFlg;-->
<#--} else {-->
<#--if (type.indexOf("All")<0 && nodes.length == 0) {-->
<#--alert("请先选择一个父节点");-->
<#--}-->
<#--var callbackFlag = $("#callbackTrigger").attr("checked");-->
<#--for (var i=0, l=nodes.length; i<l; i++) {-->
<#--zTree.setting.view.fontCss = {};-->
<#--if (type == "expand") {-->
<#--zTree.expandNode(nodes[i], true, null, null, callbackFlag);-->
<#--} else if (type == "collapse") {-->
<#--zTree.expandNode(nodes[i], false, null, null, callbackFlag);-->
<#--} else if (type == "toggle") {-->
<#--zTree.expandNode(nodes[i], null, null, null, callbackFlag);-->
<#--} else if (type == "expandSon") {-->
<#--zTree.expandNode(nodes[i], true, true, null, callbackFlag);-->
<#--} else if (type == "collapseSon") {-->
<#--zTree.expandNode(nodes[i], false, true, null, callbackFlag);-->
<#--}-->
<#--}-->
<#---->
<#--}-->
<#--}-->
<#--</SCRIPT>-->

<#--<form action="${basepath}/manage/role/save" method="post" name="form1" id="form1">-->
<#--<input id="insertOrUpdate" type="hidden"-->
<#--value='${e.id???string("2", "1")}' />-->
<#---->
<#--<table class="table table-bordered" style="width: 500px;margin: auto;">-->
<#--<tr>-->
<#--<td colspan="2" style="background-color: #dff0d8;text-align: center;">-->
<#--<strong>角色编辑</strong>-->
<#--</td>-->
<#--</tr>-->
<#--<tr style="display: none;">-->
<#--<th>id</th>-->
<#--<td><input type="hidden" name="id" id="id" value="${e.id!""}"/></td>-->
<#--</tr>-->
<#--<tr>-->
<#--<th style="background-color: #dff0d8;text-align: center;">角色名称</th>-->
<#--<td style="text-align: left;"><#if !e.id??>-->
<#--<input type="text" name="role_name" id="role_name"-->
<#--value="${e.role_name!""}" />-->
<#--<#else>-->
<#--<input type="text" value="${e.role_name}" name="role_name" id="role_name" />-->
<#--</#if></td>-->
<#--</tr>-->
<#--<tr>-->
<#--<th style="background-color: #dff0d8;text-align: center;">角色描述</th>-->
<#--<td style="text-align: left;"> <input type="text" value="${e.role_desc!""}"-->
<#--name="role_desc" id="role_desc" /></td>-->
<#--</tr>-->
<#--<tr>-->
<#--<th style="background-color: #dff0d8;text-align: center;">数据库权限</th>-->
<#--<td style="text-align: left;">-->
<#--<select name="role_dbPrivilege" id="role_dbPrivilege">-->
<#--<#assign map_dbPrivilege ={'select':'select','select,insert':'select,insert','select,insert,update':'select,insert,update','select,insert,update,delete':'select,insert,update,delete'}/>-->
<#--<#list map_dbPrivilege?keys as item>-->
<#--<option value="${item}" <#if e.role_dbPrivilege?? && e.role_dbPrivilege==item>selected="selected" </#if>>${map_dbPrivilege[item]}</option>-->
<#--</#list>-->
<#--</select>-->
<#--</td>-->
<#--</tr>-->
<#--<tr>-->
<#--<th style="background-color: #dff0d8;text-align: center;">状态</th>-->
<#--<td style="text-align: left;" >-->
<#--<select name="status" id="status" class="input-small">-->
<#--<#assign y_n ={'y':'启用','n':'禁用'}/>-->
<#--<#list y_n?keys as item>-->
<#--<option value="${item}" <#if e.status?? && e.status==item>selected="selected" </#if>>${y_n[item]}</option>-->
<#--</#list>-->
<#--</select>-->
<#--</td>-->
<#--</tr>-->
<#--<tr>-->
<#--<th style="background-color: #dff0d8;text-align: center;">角色权限</th>-->
<#--<td>-->
<#--<div id="optionDiv">-->
<#--[<a id="expandOrCollapseAllBtn" href="#" title="展开/折叠全部资源" onclick="return false;">展开/折叠</a>]-->
<#--[<a id="checkAllTrueOrFalse" href="#" title="全选/全不选" onclick="return false;">全选/全不选</a>]-->
<#--<!-- 								[<a id="expandAllBtn" href="#" title="全部节点展开" onclick="return false;">展开</a>] &ndash;&gt;-->
<#--<!-- 								[<a id="collapseAllBtn" href="#" title="全部节点折叠" onclick="return false;">折叠</a>] &ndash;&gt;-->
<#--</div>-->
<#--<ul id="treeDemo2" class="ztree"></ul>-->
<#--</td>-->
<#--</tr>-->
<#--<tr>-->
<#--<td style="text-align: center;" colspan="2">-->
<#--<input type="submit" class="btn btn-primary" value="保存" id="saveRoleBtn">-->
<#--&lt;#&ndash;<s:submit id="saveRoleBtn" method="save" value="保存" cssClass="btn btn-primary"/>&ndash;&gt;-->
<#--<!-- 								<i class="icon-ok icon-white"></i> 保存 &ndash;&gt;-->
<#--<!-- 							<button method="user!update.action" class="btn btn-success" id="saveRoleBtn"> &ndash;&gt;-->
<#--<!-- 								<i class="icon-ok icon-white"></i> 保存 &ndash;&gt;-->
<#--<!-- 							</button> &ndash;&gt;-->
<#--</td>-->
<#--</tr>-->
<#--</table>-->
<#--</form>-->
</@page.pageBase>